import {StyleSheet} from "react-native";

const styles = StyleSheet.create({
    container: {
        position: "absolute",
        bottom: 56, // 调整为与底部栏高度一致，使其紧贴输入栏
        left: 0,
        right: 0,
        zIndex: 100,
        marginBottom: 0, // 确保没有底部边距
    },
    quoteButton: {
        backgroundColor: "#3390ec",
        paddingVertical: 8,
        paddingHorizontal: 12,
        borderTopWidth: 1,
        borderTopColor: "#4da0ff",
        flexDirection: "row",
        alignItems: "center",
        justifyContent: "space-between",
        shadowColor: "#000",
        shadowOffset: { width: 0, height: -1 },
        shadowOpacity: 0.1,
        shadowRadius: 2,
        elevation: 3,
    },
    quoteInfo: {
        flex: 1,
        flexDirection: "row",
        alignItems: "center",
    },
    iconContainer: {
        width: 32,
        height: 32,
        borderRadius: 16,
        backgroundColor: "rgba(255,255,255,0.2)",
        justifyContent: "center",
        alignItems: "center",
        marginRight: 8,
    },
    textContainer: {
        flex: 1,
    },
    nameText: {
        color: "#fff",
        fontSize: 13,
        fontWeight: "600",
    },
    previewText: {
        color: "rgba(255,255,255,0.9)",
        fontSize: 12,
        marginTop: 2,
    },
    cancelButton: {
        width: 32,
        height: 32,
        borderRadius: 16,
        backgroundColor: "rgba(255,255,255,0.15)",
        justifyContent: "center",
        alignItems: "center",
        marginLeft: 8,
    },
});

export default styles;